<template><!--这个组件相当于是一个框架，把侧边栏和顶部，主题内容都包含进来了-->
   <el-container style="height:100%">

   <el-aside class="Aside" width="180px">
      <Aside></Aside><!--侧边栏-->
   </el-aside>

  <el-container>
     <el-header class="Header"><Header></Header></el-header><!--顶部内容-->

    <el-main class="Main">
      <keep-alive>
       <router-view></router-view><!--主体部分内容-->
       </keep-alive>
    </el-main>

  </el-container>

</el-container>

</template>

<script>
import Aside from '../components/Aside.vue'
import Header from '../components/Header.vue'
export default {
  data() {
  return{
    
       }
  },

  components: { Aside, Header }
}

</script>

<style scoped>

.Header {
  background-color: #3D59AB;
  margin-top: 0%;
}

.Main {
 
  padding-top: 0;
}

.Aside {
  background-color: rgb(96, 98, 102);
 
}
</style>